---
title: "声网 Agora 实时音视频 Web SDK 教程"
---

[English](https://agorawebsdktutorialenusmain.gtsb.io/) | 简体中文

## 教程目标

本教程会结合音视频概念、SDK 概念及 SDK 集成实际操作，帮助你达到以下目标：
- 理解音视频通话、直播的原理以及声网的技术方案。
- 理解声网 Agora 实时音视频 Web SDK 的 API 设计。
- 可以集成并调用声网 Agora 实时音视频 Web SDK 实现一个简单的音视频通话应用。

## 使用前提

- 你需要一台连接了麦克风和摄像头的个人电脑，并且安装了最新版本的 Chrome、FireFox、Edge 或 Safari。关于声网 Agora 实时音视频 Web SDK 的浏览器支持，详见 [浏览器支持
](https://docs.agora.io/cn/Interactive%20Broadcast/web_sdk_compatibility)。
- 对浏览器、HTML、JavaScript 和 CSS 有基本了解。详细信息参考 [MDN 学习平台](https://developer.mozilla.org/zh-CN/)。

## 学习路线

下图展示了一个典型的网页端一对一视频通话场景。

从音视频数据的流动方向可以看出，SDK 主要实现了以下功能：

- 采集：将现实中的声音、光信号通过采集设备（摄像头、麦克风等）采集为音视频数字信号。
- 渲染：将音视频数字信号通过渲染设备（麦克风、屏幕等）渲染为声音信号和光信号。
- 编解码与传输：将音视频数字信号进行编码，通过网络传输到其他终端。其他终端接收之后，对信号进行解码从而获取可播放的音视频数字信号。

<flow />


根据上文的场景逻辑，我们建议你按照以下路线对 SDK 进行学习：

<learning />
